*{
  margin:0;
  padding:0;
  outline: none;
}
li{
  list-style: none;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight:normal;
}
textarea{
  resize: none;
}
input,textarea{

  border:none;
  -webkit-appearance: none;
  font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, "iconfont";
}
i, em {
  font-style: normal
}
a{
  .color(#2d2d2d);
  text-decoration: none;
  appearance:none;
  -moz-appearance:none; /* Firefox */
  -webkit-appearance:none; /* Safari and Chrome */
}
b {
  font-weight: normal
}
body {
  height: 100%;
  // background-color: #f1f1f1;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  font-family: "Microsoft Yahei","Helvetica Neue", Helvetica, Arial,"iconfont" !important;
  overflow-x: hidden !important;

  .colorFont(#2d2d2d,16px);
}
.whiter_bg{
  .bgColor(#fff);
}
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { zoom:1; }
.clearit { clear:both; height:0; font-size:0; overflow:hidden; }
img{
  .widthHeight(auto,auto);
  max-width:100%;
  max-height:100%;
}

.font13{
  font-size: 13px;
}
//颜色字体
.colorFont(@color,@size){
  color: @color;
  font-size:@size;
}
.color(@color){
  color: @color;
}
//宽高
.widthHeight(@width,@height){
  width:@width;
  height:@height;
}
//宽
.width(@width){
  width:@width;
}
//高
.height(@height){
  height:@height;
}

.lineHeight(@lineHeight){
  line-height:@lineHeight;
}
//背景色
.bgColor(@bg){
  background: @bg;
}
.border(@w,@t,@c){
  border:@w @t @c;
}
.borderL(@w,@t,@c){
  border-left:@w @t @c;
}
.borderT(@w,@t,@c){
  border-top:@w @t @c;
}
.borderB(@w,@t,@c){
  border-bottom:@w @t @c;
}
.borderR(@w,@t,@c){
  border-right:@w @t @c;
}
.padding(@t,@r,@b,@l){
  padding:@t @r @b @l;
};
.boxSize(){
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
//圆度
.borderRadius(@radius){
  -moz-border-radius: @radius;
  -webkit-border-radius: @radius;
  border-radius: @radius;
}
//margin
.margin(@a,@b,@c,@d){
  margin:@a @b @c @d;
}
.textAlign(@align){
  text-align:@align;
}

.bgRgb(@r,@g,@b,@opacity){
  background: rgba(@r,@g,@b,@opacity);
}
.mg15{
  .margin(0.15rem,0,0,0);
}

//表单类
.m_input{
  border-bottom:1px solid #dcdcdc;
  .height(0.8rem);
  .lineHeight(0.8rem);
  .width(100%);
  color: #919191;
  font-size: 0.28rem;
}
//flex布局
.m_flex_box{
  display: box;            /* OLD - Android 4.4- */
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
}
.m_flex{
  -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  flex: 1;
}

/* 父元素-水平居中（主轴是横向才生效） */
.flex_hc {
  /* 09版 */
  -webkit-box-pack: center;
  /* 12版 */
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  /* 其它取值如下：
      align-items     主轴原点方向对齐
      flex-end        主轴延伸方向对齐
      space-between   等间距排列，首尾不留白
      space-around    等间距排列，首尾留白
   */
}
.flex_jz{
  /*-webkit-box-pack: space-between;*/
  /* 12版 */
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.flex_ar{
  /*-webkit-box-pack: space-between;*/
  /* 12版 */
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  -o-justify-content: space-around;
  justify-content: space-around;
}
/* 父元素-纵向排列（主轴） */
.flex_v {
  display: box;              /* OLD - Android 4.4- */
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

  /* 09版 */
  -webkit-box-orient: vertical;
  /* 12版 */
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
/* 父元素-纵向换行 */
.flex_vw {
  /* 09版 */
  /*-webkit-box-lines: multiple;*/
  /* 12版 */
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* 父元素-竖直居中（主轴是横向才生效） */
.flex_vc {
  /* 09版 */
  -webkit-box-align: center;
  /* 12版 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.flex_vb {
  /* 09版 */
  -webkit-box-align: flex-end;
  /* 12版 */
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -o-align-items: flex-end;
  align-items: flex-end;
}
/* 子元素-显示在从左向右（从上向下）第1个位置，用于改变源文档顺序显示 */
.flex_1 {
  -webkit-box-ordinal-group: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-ordinal-group: 1;      /* OLD - Firefox 19- */
  -ms-flex-order: 1;              /* TWEENER - IE 10 */
  -webkit-order: 1;               /* NEW - Chrome */
  order: 1;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
/* 子元素-显示在从左向右（从上向下）第2个位置，用于改变源文档顺序显示 */
.flex_2 {
  -webkit-box-ordinal-group: 2;   /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-ordinal-group: 2;      /* OLD - Firefox 19- */
  -ms-flex-order: 2;              /* TWEENER - IE 10 */
  -webkit-order: 2;               /* NEW - Chrome */
  order: 2;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
/* 父元素-横向换行 */
.flex_hw {
  /* 09版 */
  /*-webkit-box-lines: multiple;*/
  /* 12版 */
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex_scale1{
  -webkit-flex-grow:1;
  flex-grow:1;
}
.flex_scale2{
  -webkit-flex-grow:2;
  flex-grow:2;
}
.flex-1{
  flex: 1;
  -moz-box-flex:1.0; /* Firefox */
  -webkit-box-flex:1.0; /* Safari 和 Chrome */
  box-flex:1.0;
}
.flex-2{
  flex: 2;
  -moz-box-flex:2.0; /* Firefox */
  -webkit-box-flex:2.0; /* Safari 和 Chrome */
  box-flex:2.0;
}
.line_comp2{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}

.line_comp3{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
}
.line_comp1{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.font_20{
  font-size: 20px;
}
.font_22{
  font-size: 22px;
}
.font_24{
  font-size: 24px;
}
.font_26{
  font-size: 26px;
}
.color_h{
  color: #888;
}
.bg_gray{
  background-color:#f5f5f5;
}
html{
  height: 100%;
}

@media screen and (min-width: 320px){
  body{
    font-size:14px;
  }
}
@media screen and (min-width: 360px) {

  body {
    font-size: 14px
  }
}
@media screen and (min-width: 375px){
  body{
    font-size:16px;
  }
}
@media screen and (min-width: 384px) {

  body {
    font-size: 15px
  }
}

@media screen and (min-width: 400px) {

  body {
    font-size: 16px
  }
}

@media screen and (min-width: 414px) {


  body {
    font-size: 16px
  }
}

@media screen and (min-width: 424px) {

  body {
    font-size: 16px
  }
}

@media screen and (min-width: 480px) {

  body {
    font-size: 16px
  }
}

@media screen and (min-width: 540px) {


  body {
    font-size: 17.28px
  }
}

@media screen and (min-width: 720px) {

  body {
    font-size: 23.04px
  }
}

@media screen and (min-width: 750px) {


  body {
    font-size: 24px
  }
}
html,body{
  height: 100%;
  // background-color: #fbf8f1;
  // background-image: url(../image/index_bg.png);
  // background-repeat: no-repeat;
  // background-size: 100%;
  // background-position: 0% 100%;
}
input[type=number] {
    -moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

// 头部
.top_nav.pos_f{
  position: fixed;
  left:0;
  right: 0;
  top: 0;
  z-index: 999;
}
.top_nav{
    padding: 0 0.24rem;
    height: 0.84rem;
    background-color: #f8f8f8;
    border-bottom: 1px solid #f9f9f9;
    position: relative;
  .nav_tit{
    .colorFont(#333,0.32rem);
    height: 0.84rem;
    .lineHeight(0.84rem);
  }
  .iconfont{
    font-size:0.4rem;
  }
  .top_sc{
    .widthHeight(0.34rem,0.34rem);
  }
  .top_a{
    height: 0.84rem;
    .lineHeight(0.84rem);
    position: absolute;
    z-index: 2;
  }
  .nav_left{
    text-align:left;
    left: 0.24rem;
  }
  .nav_right{
    text-align:right;
    right: 0.24rem;
  }
  .nav_top_center{
    text-align: center;
    .colorFont(#333,0.32rem);
    position: absolute;
    height: 0.84rem;
    .lineHeight(0.84rem);
    left:0;
    right: 0;
  }
  .nva_favourite{
    .widthHeight(0.38rem,0.36rem);
    position: relative;
    top:-0.02rem;
  }
}
.mar_b{
  border-bottom: 0.18rem solid #f5f5f5;
}
.mar_t{
  border-top: 0.18rem solid #f5f5f5;
}
.layui-flow-more{
  position: absolute;
  left: 0;
  right:0;
  bottom: 0;
  text-align: center;
}
.pos_r{
  position: fixed;
  z-index: 2000;
  left: 0;
  right:0;
  top: 0;
}
.padd_top{
  padding-top: 0.84rem!important;
}
.padd_top2{
  padding-top: 1.72rem!important;
}
.top_nav.white.bor_b{
  border: 1px solid #e5e5e5;
}
.top_nav.white{
  background-color: #fff;
  border: none;
  .nav_top_center,.iconfont{
    color:#000;
  }
  .top_img_sc{
    height: 0.35rem;
    position: relative;
    top: -2px;
  }
  .top_img_sc.two{
    margin-right: 0.32rem;
  }
  .top_img_sc:active{
    opacity: 0.5;
  }
}
.nav_right{
  a:active{
    .top_img_sc{
      opacity: 0.5;
    }
  }
}
.top_nav.bg_yellow{
  background-color: #ffdb1a;
  border: none;
  .nav_top_center,.iconfont{
    color:#000;
  }
  .top_img_sc.two{
    margin-right: 0.32rem;
  }
  .top_img_sc{
    height: 0.35rem;
    position: relative;
    top: -2px;
  }
}
.nav_back_btn{
  position:fixed;
  top: 0.1rem;
  left: 0.3rem;
  z-index: 888;
  img{
    width: 0.51rem;
    height: 0.52rem;
  }
}
.cover_div{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0,0,0,0.2);
  transition: all 0.2s;
}
.bor_b{
  border-bottom: 1px solid #f0f0f0;
}
.load_contain{
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color:#ffdb1a;
  z-index: 9999;
}